<template>
    <div class="parent">
        <!-- 使用动态绑定进行传值，这样就可以把msg的值传递到子组件中显示了-->
        <child :msg="msg" @listenToChildEvent="showMsgFromChild"></child>
        <!-- 显示子组件传递的数据-->
        <p>子组件传递的值是：{{childMsg}}</p>
    </div>
</template>

<script>
    /* ES6语法导入子组件*/
    import child from "./child.vue";
    export default {
        data(){
            return {
            msg: "hello world",
            childMsg: ""
            }
        },
        /* components里面做记录 */
        components: {
            child
        },
        methods: {
            showMsgFromChild: function(data){
            /* data参数就是接收的数据 */
            this.childMsg = data;
            }
        }
    }
</script>

<style>
</style>